<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title>binperson</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="lib/bootstrap/fonts/glyphicons-halflings-regular.svg"></head>
    <!--[if lt IE 9]>
    <script src="../lib/html5shiv/html5shiv.min.js"></script>
    <script src="../lib/respond/respond.min.js"></script>
  <![endif]-->
<body style="background: #000000;">
    <!-- nav-menu开始 -->
    <div id="panel" >
        <div id="button-holder">
            <span id="nav-toggle-open">
                <span class="ico-menu"></span>
            </span>
        </div>
    </div>
    <!-- nav-menu结束 -->

    <!-- navigation开始 -->
    <div id="navigation">
        <span id="nav-toggle-close">
            <span class="ico-cross"></span>
        </span>
        <nav>
            <ul id="primary-nav" class="clear-fix">
                <li>
                    <a href="/">Home</a>
                </li>
                <li>
                    <a href="/heart">Projects</a>
                </li>
                <li>
                    <a href="http://blog.binperson.com.cn">Blog</a>
                </li>
                <li>
                    <a href="http://smog.binperson.com.cn">Recently</a>
                </li>
                <li>
                    <a href="accept/index.html">Contact</a>
                </li>
            </ul>
            <div id="social-buttons">
                <a href="">
                    <span class="ico-facebook"></span>
                </a>
                <a href="">
                    <span class="ico-twitter"></span>
                </a>
                <a href="">
                    <span class="ico-github"></span>
                </a>
                <a href="">
                    <span class="ico-sina-weibo"></span>
                </a>
                <a href="">
                    <span class="ico-instagram"></span>
                </a>
            </div>
        </nav>
    </div>
    <!-- navigation结束 -->

    <!-- 开场开始 -->
    <section id="preloader">
        <div id="loader">
            <img src="img/loader.gif" alt="loader"></div>
    </section>
    <!-- 开场结束 -->

    <!-- logo部分开始 -->
    <section id="logo">
        <a href="">
            <img src="img/binperson.png" alt="binperson"></a>
    </section>
    <!-- logo部分结束 -->

    <!-- main部分开始 -->
    <section id="wrapper">
        <div id="main-content">
            <div class="vertically-centered-wrapper">
                <div class="vertically-centered-content clear-fix">
                    <div class="container-fluid">
                        <div class="content">
                            <h1 class="visible-md visible-lg">WELCOME</h1>
                            <h2 class="hidden-md hidden-lg">WELCOME</h2>
                            <p>
                                If you find a path with no obstacles, it probably doesn’t lead anywhere.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- main部分结束 -->

    <script type="text/javascript" src="lib/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</body>
</html>